*{
    padding: 0;
    margin:0;
}
.w{
    width: 1000px;
}
.a{
    width: 1000px;
    height: 100px;
    background:beige;
}
.b{
    width: 1000px;
    height: 50px;
    background:blue;
}
.c{
    width: 300px;
    height: 500px;
    float: left;
    background:red;
}
.d{
    width: 700px;
    height: 500px;
    float: left;
    background:red;
}
.e{
   width: 1000px;
   height: 50px;
   background:blue;
   clear: both;
}
.f{
    width: 1000px;
    height: 80px;
    background:yellow;
}
.g{
    width: 500px;
    height: 80px;
    background:blue;
    float: left;
}
.h{
    width: 500px;
    height: 80px;
    background:blue;
    float: left;
}
.l{
    width: 200px;
    height: 300px;
    background:blue;
    clear: both;
    float: left;
}
.j{
    width: 600px;
    height: 300px;
    background:red;
    float: left;
}
.k{
    width: 200px;
    height: 300px;
    background:yellow;
    float: left;
}
.n{
    width: 1000px;
    height: 50px;
    background:red;
    clear: both;
}
.head {
    height: 50px;
    background:blue;
}
.head ul li{
    float: left; 
    list-style-type: none;
    text-align: center;
    width: 50px;;
}
.head a{
    line-height: 50px;
    display: block;
    text-decoration-line: none;
    color: yellow;
}
.head ul li a:hover{
    color: blue;
    background: red;
}